<!DOCTYPE html>

<html>
	<head>
		<title>首页</title>
		<meta charset="utf-8"/>
		 <!-- Sets initial viewport load and disables zooming  -->
		<meta content="yes" name="apple-mobile-web-app-capable"/>
		<meta content="yes" name="apple-touch-fullscreen"/>
		<meta content="telephone=no" name="format-detection"/>
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		
		<link href="./css/main.css" rel="stylesheet">

		<script type="text/javascript" src="./js/jquery-1.11.2.min.js"></script>
		<script src="./js/index_slide.js" type="text/javascript"></script>
		<script src="./js/pop.js" type="text/javascript"></script>

		<script type="text/javascript">

		$(function(){

			popShow($(".spin_index_fgs > li >a "));

			popImgList($(".sp_pop_img_list"));

			popImgListTouch($(".sp_pop_img_list"));

		})	

		</script>

	</head>
	<body>
		<!-- Head Banner -->
		<div class="spin_banner">
			<!-- <div class="spin_back">
				<img src="./images/back.png">
			</div> -->
			<div class="spin_banner_t">
				纺织纺织
			</div>
			<!-- <div class="spin_banner_op">
				<img src="./images/options.png">
			</div> -->
		</div>

		<div class="spin_container">
			<div class="spin_title">
				国内市场区 China Market 
			</div>
			<ul class="spin_index">
				<li>
					<a href="">
						<img src="./images/index_1.png">
						<p>进口棉纱 现货 Spot yarn</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="./images/index_2.png">
						<p>进口棉纱 期货  Forward yarn</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="./images/index_3.png">
						<p>国产纱线<br/> China-made cash yarn market</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="./images/index_1.png">
						<p>进口棉纱 现货 Spot yarn</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="./images/index_2.png">
						<p>进口棉纱 期货  Forward yarn</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="./images/index_1.png">
						<p>国产纱线<br/> China-made cash yarn market</p>
					</a>
				</li>
			</ul>
		</div>

		<div class="spin_container">
			<div class="spin_title">
				国外市场区 Overseas Market
			</div>
			<ul class="spin_index">
				<li>
					<a href="">
						<img src="./images/index_1.png">
						<p>进口棉纱 现货 Spot yarn</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="./images/index_2.png">
						<p>进口棉纱 期货  Forward yarn</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="./images/index_1.png">
						<p>国产纱线<br/> China-made cash yarn market</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="./images/index_1.png">
						<p>进口棉纱 现货 Spot yarn</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="./images/index_2.png">
						<p>进口棉纱 期货  Forward yarn</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="./images/index_1.png">
						<p>国产纱线<br/> China-made cash yarn market</p>
					</a>
				</li>
			</ul>
		</div>

		<div class="spin_container">
			<div class="spin_ad">
				<img src="./images/index_pic.png">
			</div>
		</div>

		<div class="spin_container">
			<div class="spin_title">
				最受欢迎产品 Favorite Goods	
			</div>
			<ul class="spin_index_fgs">
				<li>
					<a href="javascript:;">
						<div class="sp_fgs_left">
							<img src="./images/fgs_1.png">
							<p class="sp_fgs_info">王思远</p>
							<p class="sp_fgs_info">13552897608</p>
						</div>
						<div class="sp_fgs_right">
							<ul class="sp_fgs_r_list">
								<li>
									产地：印度
								</li>
								<li>
									品牌：32/1
								</li>
								<li>
									原料成分：32/1
								</li>
								<li>
									用途：机织
								</li>
								<li>
									成纱工艺：环锭纺
								</li>
								<li>
									其他：染色
								</li>
							</ul>
						</div>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<div class="sp_fgs_left">
							<img src="./images/fgs_1.png">
							<p class="sp_fgs_info">王思远</p>
							<p class="sp_fgs_info">13552897608</p>
						</div>
						<div class="sp_fgs_right">
							<ul class="sp_fgs_r_list">
								<li>
									产地：印度
								</li>
								<li>
									品牌：32/1
								</li>
								<li>
									原料成分：32/1
								</li>
								<li>
									用途：机织
								</li>
								<li>
									成纱工艺：环锭纺
								</li>
								<li>
									其他：染色
								</li>
							</ul>
						</div>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<div class="sp_fgs_left">
							<img src="./images/fgs_1.png">
							<p class="sp_fgs_info">王思远</p>
							<p class="sp_fgs_info">13552897608</p>
						</div>
						<div class="sp_fgs_right">
							<ul class="sp_fgs_r_list">
								<li>
									产地：印度
								</li>
								<li>
									品牌：32/1
								</li>
								<li>
									原料成分：32/1
								</li>
								<li>
									用途：机织
								</li>
								<li>
									成纱工艺：环锭纺
								</li>
								<li>
									其他：染色
								</li>
							</ul>
						</div>
					</a>
				</li>
			</ul>
		</div>

		<!-- Footer Navigation -->
		<div class="spin_footer">
			<ul class="footer_list">
				<li class="active">
					<a href="./index.html">
						首页
					</a>
				</li>
				<li>
					<a href="./publicIndex.html">
						发布
					</a>
				</li>
				<li>
					<a href="./search.html">
						高级筛选
					</a>
				</li>
				<li>
					<a href="./infoList.html">
						行业快讯
					</a>
				</li>
				<li>
					<a href="./userCenter.html">
						个人中心
					</a>
				</li>
			</ul>
		</div>
	</body>


	<!-- 商品详情 弹出框 -->

	<div class="sp_pop_box">
		<div class="sp_pop_panel">
			<div class="sp_pop_bannner">
				<div class="sp_pop_cancle">
					<img src="./images/back.png">
				</div>
				<div class="sp_pop_title">
					商品详情页
				</div>
				<div class="sp_pop_null">
					
				</div>
			</div>
			<div class="sp_pop_content">
				<div class="sp_pop_img_box">
					<ul class="sp_pop_img_list">
						<li>
							<img src="./images/cp_1.png">
						</li>
						<li>
							<img src="./images/cp_1.png">
						</li>
						<li>
							<img src="./images/cp_1.png">
						</li>
						<li>
							<img src="./images/nopic_default.png">
						</li>
					</ul>
				</div>
				<ul class="sp_pop_list">
					<li>
						<div class="sp_pop_label">品名</div>
						<div class="sp_pop_value">特种工艺纱</div>
					</li>
					<li>
						<div class="sp_pop_label">坯布类型</div>
						<div class="sp_pop_value">梭织</div>
					</li>
					<li>
						<div class="sp_pop_label">成分</div>
						<div class="sp_pop_value">经纱</div>
					</li>
					<li>
						<div class="sp_pop_label">织物名称</div>
						<div class="sp_pop_value">32/1</div>
					</li>
					<li>
						<div class="sp_pop_label">品名</div>
						<div class="sp_pop_value">特种工艺纱</div>
					</li>
					<li>
						<div class="sp_pop_label">织物结构</div>
						<div class="sp_pop_value">环锭纺 Ring spun</div>
					</li>
					<li>
						<div class="sp_pop_label">经密</div>
						<div class="sp_pop_value">环锭纺 Ring spun</div>
					</li>
					<li>
						<div class="sp_pop_label">克重</div>
						<div class="sp_pop_value">环锭纺 Ring spun</div>
					</li>
					<li>
						<div class="sp_pop_label">弹力</div>
						<div class="sp_pop_value">环锭纺 Ring spun</div>
					</li>
					<li>
						<div class="sp_pop_label">弹力</div>
						<div class="sp_pop_value">环锭纺 Ring spun</div>
					</li>
					<li>
						<div class="sp_pop_label">弹力</div>
						<div class="sp_pop_value">环锭纺 Ring spun</div>
					</li>
					<li>
						<div class="sp_pop_label">弹力</div>
						<div class="sp_pop_value">环锭纺 Ring spun</div>
					</li>
					<li>
						<div class="sp_pop_label">弹力</div>
						<div class="sp_pop_value">环锭纺 Ring spun</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="sp_pop_bg"></div>
	</div>

	<!-- end 商品详情 -->

</html>